.wrapper{margin: 5px 10px;}

.transformContent{
   display: flex;
   flex-direction: row;
   min-height: 250px;
   width: 100%;
}
.transformContent .beforeContent,
.transformContent .afterContent{
   width: 50%;
}
.transformContent .beforeContent{
   margin-right: 5px;
}
.transformContent .beforeContent .content,
.transformContent .afterContent .content{
   border: 1px solid #d4d4d4;
   padding: 4px;
   display: none;
}
.h3 {
   text-align: center;
}
.transformBtn{
   height: 30px;
   width: 20%;
   margin: 10px auto;
}
.my-button{
   width: 120px;
   height: 30px;
   color:white;
   background-color:cornflowerblue;
   border-radius: 3px;
   border-width: 0;
   margin: 0;
   outline: none;
   font-family: KaiTi;
   font-size: 17px;
   text-align: center;
   cursor: pointer;
}
.my-button:hover{
   opacity: .8;
}